<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    -ms-appearance: none;
    -webkit-tap-highlight-color: #fff;
    outline: none;
    border: none;
    background-color: transparent;
  }
  input {
    border: none;
  }
  input,
  button {
    outline: none;
  }
}
/* z-index */
.z-index-tip {
  z-index: 10000 !important;
}
/* 草稿页面取消 按钮 */
.cancelDraft {
  width: 200px;
  margin: 20px !important;
}
/* 草稿页面确定 按钮 */
.enterDraft {
  width: 200px;
  margin: 0 !important;
  border-color: #6b9147 !important;
  background-color: #6b9147 !important;
}
/* 复制链接 */
/*.tip-class {*/
/*  width: 520px;*/
/*  height: 50px;*/
/*  font-size: 20px !important;*/
/*  color: #000 !important;*/
/*  background-color: #fff !important;*/
/*}*/
/* 过渡动画 */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
/* icon-ui */
.icon-like {
  background: url("./assets/images/like.png") no-repeat;
}
.icon-liked {
  background: url("./assets/images/liked.png") no-repeat;
}
.icon-comment {
  background: url("./assets/images/comment.png") no-repeat;
}
.icon-share {
  background: url("./assets/images/share.png") no-repeat;
}
.icon-collection {
  background: url("./assets/images/collection.png") no-repeat;
}
.icon-dislike {
  background: url("./assets/images/dislike.png") no-repeat;
}
.icon-notice {
  background: url("./assets/images/notice.png") no-repeat;
}
.icon-private-message {
  background: url("./assets/images/private-message.png") no-repeat;
}
.icon-invite {
  background: url("./assets/images/invite.png") no-repeat;
}
.icon-like-two {
  background: url("./assets/images/like(2).png") no-repeat;
}
.icon-comment-two {
  background: url("./assets/images/comment(2).png") no-repeat;
}
.icon-follow {
  background: url("./assets/images/follow.png") no-repeat;
}
.icon-ud-arrow {
  background: url("./assets/images/around.png") no-repeat;
}
.icon-ctime {
  background: url("./assets/images/icon-ctime.png") no-repeat;
}
.icon-hot {
  background: url("./assets/images/icon-hot.png") no-repeat;
}
.icon-up-type {
  background: url("./assets/images/up-type.png") no-repeat;
}
.icon-nav-new {
  background: url("./assets/images/new.png") no-repeat;
}
.icon-nav-answer {
  background: url("./assets/images/answer.png") no-repeat;
}
.icon-badge {
  background: url("./assets/images/badge.png") no-repeat;
}
.icon-fire {
  background: url("./assets/images/icon-fire.png") no-repeat;
}
</style>
